
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:cote="http://java.sun.com/jsf/composite/componentes">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>
                <h:form id="formGuia">
                    <p:blockUI block="pnlPrincipal" trigger="findDirLocProvPartida:btnAceptaDirProvNormal">  Actualizando...<br />
                        <p:graphicImage value="/recursos/imagenes/utilitarios/ajax-loader.gif" />
                    </p:blockUI>
                    <p:panel id="pnlGuiaRemision" header="Registrar Guia de Remision"
                             style="width:95%;margin: 0px auto;">
                        <p:panelGrid id="pnlPrincipal"
                                     style="width:95%;margin: 0px auto">
                            <p:row>
                                <p:column colspan="1" style="width:150px">
                                    <h:outputLabel id="lblNroOrdenPed" value="CODIGO DE OP:  " />
                                </p:column>
                                <p:column colspan="4">
                                    <p:autoComplete dropdown="true" onkeyup="cambiarMayuscula(this)"
                                        value="#{BKGuiaDeRemision.guiaFormulario.ordenPedido}"
                                        completeMethod="#{MBGuiaDeRemision.buscarOrdenPedido}"
                                        id="cbxPedido" var="ordenPedido"
                                        itemLabel="#{ordenPedido.codigoOrdenPedido}" required="true"
                                        itemValue="#{ordenPedido}" converter="#{ordenPedidoConverter}"
                                        forceSelection="true">
                                        <p:ajax event="itemSelect" update="dataTablaArticulos" listener="#{MBGuiaDeRemision.limpiarTablaArticulos}" />
                                    </p:autoComplete>
                                    <p:message for="cbxPedido" display="text"  />
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column colspan="6">
                                    <p:fieldset legend="Datos Generales" toggleable="true"
                                                toggleSpeed="500">
                                        <ui:include src="infoGeneral.xhtml"/>
                                    </p:fieldset>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column colspan="6">
                                    <p:fieldset legend="Datos del Destinatario" toggleable="true"
                                                toggleSpeed="500" id="fdDestinatario">
                                        <ui:include src="infoDestinatario.xhtml"/>
                                    </p:fieldset>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column colspan="6">
                                    <p:fieldset legend="Unidad de Transporte/Conductor"
                                                toggleable="true" toggleSpeed="500">
                                        <ui:include src="infoUnidTransporte.xhtml"/>
                                    </p:fieldset>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column colspan="6">
                                    <p:fieldset legend="Información Adicional" toggleable="true"
                                                toggleSpeed="500">
                                        <p:panelGrid style="width:100%">
                                            <p:row>
                                                <p:column>
                                                    <h:outputLabel id="lblObservacion" value="Observacion " />
                                                </p:column>
                                                <p:column>
                                                    <p:inputTextarea rows="5" cols="70" counter="counter"
                                                                     onkeyup="cambiarMayuscula(this)" maxlength="300"
                                                                     counterTemplate="{0} caracteres restantes."
                                                                     autoResize="false" value="#{BKGuiaDeRemision.guiaFormulario.observacion}" />
                                                    <br />
                                                    <h:outputText id="counter" />
                                                </p:column>
                                            </p:row>
                                            <p:row>
                                                <p:column>
                                                    <h:outputLabel id="lblMotivo" value="MOTIVO(*) " />
                                                </p:column>
                                                <p:column>
                                                    <p:autoComplete
                                                        value="#{BKGuiaDeRemision.guiaFormulario.parametroMotivoGuia}"
                                                        completeMethod="#{MBGuiaDeRemision.buscarMotivoGuia}"
                                                        onkeyup="cambiarMayuscula(this)" id="cbxMotivoGuia"
                                                        var="motivoGuia" itemLabel="#{motivoGuia.desParametroDet}"
                                                        required="true" dropdown="true" size="50"
                                                        itemValue="#{motivoGuia}"
                                                        converter="#{parametroDetalleConverter}"
                                                        forceSelection="true">
                                                    </p:autoComplete>
                                                    <p:message for="cbxMotivoGuia" display="text"  />
                                                </p:column>
                                            </p:row>
                                        </p:panelGrid>
                                    </p:fieldset>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column colspan="6">
                                    <p:fieldset legend="Lista de Articulos" toggleable="true"
                                                toggleSpeed="500">
                                        <ui:include src="infoArticulos.xhtml"/>
                                    </p:fieldset>
                                </p:column>
                            </p:row>
                        </p:panelGrid>

                        <p:panelGrid style="width:40%;margin: 10px auto;">

                            <p:row>
                                
                                <p:column>
                                    <p:commandButton id="btnGuardarGuiaRemision" icon="ui-icon-disk" 
                                                     action="#{BKGuiaDeRemision.comando.aceptar()}" ajax="false"
                                                     value="#{BKGuiaDeRemision.comando.nombre}" />
                                </p:column>
                                
                                <p:column>
                                    <p:commandButton id="btnGenerarGuiaRemision" icon="ui-icon-print"
                                                     oncomplete="confirmacionPrint.show()"
                                                     value="Generar/Imprimir" />
                                </p:column>

                                <p:column>
                                    <p:commandButton action="#{MBGuiaDeRemision.cancelar()}" id="btnCancelar"
                                                     ajax="false" value="Cancelar" immediate="true"  icon="ui-icon-close" />
                                </p:column>
                                
                            </p:row>

                        </p:panelGrid>

                        <h:panelGrid>
                            (*) Campos requeridos
                        </h:panelGrid>

                    </p:panel>

                    <p:blockUI block="pnlGuiaRemision" trigger="btnGuardarGuiaRemision">
                        Guardando la Guia de Remision<br />
                        <p:graphicImage value="/images/ajax-loader.gif" />
                    </p:blockUI>

                    <p:confirmDialog id="dlgEliminarArticulo" message="#{message['dialog.confirmacion.mensaje']}"
                                     header="#{message['dialog.confirmacion.header']}" severity="alert" widgetVar="confirmacion">
                        <h:panelGrid style="width: auto;margin:0px auto;border:0px;padding: 0 5px" columns="2">      
                            <p:commandButton id="btnConfEliArticuloGR" actionListener="#{MBGuiaDeRemision.eliminarArticuloGR}" update="dataTablaArticulos"
                                             value="Si" oncomplete="confirmacion.hide()" immediate="true" style="text-align: center" process="@this"  />
                            <p:commandButton id="btnCancEliArticuloGR" value="No" onclick="confirmacion.hide()" type="button" style="text-align: center" />
                        </h:panelGrid>
                    </p:confirmDialog>  
                    
                     <p:confirmDialog id="dlgPrintGuiaDeRemision" message="¿Esta seguro de Generar y Imprimir la guia de remision?" 
                                     header="Generar y Imprimir la Guia de Remision" severity="alert" widgetVar="confirmacionPrint">
                        <h:panelGrid style="width: auto;margin:0px auto;border:0px;padding: 0 5px" columns="2">              
		                    <p:commandButton id="btnConfPrintGR"  value="Si"  oncomplete="confirmacionPrint.hide()"  
		                                     action="#{MBGuiaDeRemision.generar()}" ajax="false" />  
		                    <p:commandButton id="btnCancPrintGR" value="No" onclick="confirmacionPrint.hide()" type="button" />   
						</h:panelGrid>
	                </p:confirmDialog>	

                </h:form>
            </f:view>
        </ui:define>
    </ui:composition>


</html>